<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="./css/style.css"/>
    <title>HTML和CSS实战</title>
</head>
<body>
<div class="header">
    <div class="top">
        <div class="cen">
            <div class="z">
                <span><a href="#">设为首页</a></span>
                <span><a href="#">收藏本站</a></span>
            </div>
            <div class="y">
                <span>2015年5月1日</span>
                <span class="mr_0">多云16℃/30℃</span>
            </div>
        </div>
    </div>
    <div class="cen">
        <div class="logo z"><img src="./images/logo.jpg" alt="logo"/></div><!--logo-->
        <div class="sou z"><!--表单搜索栏：用表格table装！-->
            <from action="index.html" method="get"><!--表单!!!!-->
                <table cellpadding="0" cellspacing="0" border="0">
                    <tr>
                        <td class="s_z z"></td>
                        <td class="s_c z"><input type="text" name="text" id="s_c_txt"></td>
                        <td class="s_y y"><button name="sou"></button><!--button不要拼错!!!!-->
                    </tr>
                </table>
            </from>
        </div>
        <div class="kefu z">客服热线：400-000-000</div><!--客服热线-->
    </div>
    <div class="dao cl">
        <div class="cen"><!--导航条-->
            <ul>
                <li><a href="#">网站首页</a></li>
                <li><a href="#">公司简介</a></li>
                <li><a href="#">业务描述</a></li>
                <li><a href="#">服务范围</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">人才管理</a></li>
                <li><a href="#">在线留言</a></li>
                <li><a href="#">联系我们</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="center cen">
    <div class="cen"><img src="./images/maizi.jpg" alt="maizi"/></div>
    <div class="jianjie z"><!--公司简介-->
        <div class="tit">
            <img src="./images/jianjie.jpg" alt=""/><span><a href="">Morr>></a></span>
        </div>
        <div class="jianjie_c">
            <img src="./images/jianjie_img.jpg" alt=""/>
            <p>麦子学院是成都麦子信息技术有限公司旗下一个IT在线教育平台，目前已有30万注册用户，10万以上APP下载量，5000小时视频内容。 我们从不说空话，专注于IT在线教育，脱离传统教育的束缚，让你走哪学哪，想学就学。逗比的老师，贴心的助教，在这儿你能感受到来自五 湖四海伙伴们热情和踏实的学习态度！</p>
            <p>什么都不会没关系，想跳槽想加薪都可以，提升自己更不在话下。 只要你愿意，绝对为你找到一份相当靠谱的工作！成就你，我能行！</p>
            <p>那么多的梦想，你不想实现？买的起大奔的人会天天挤公交吗？ 想成为成功人士，脑袋里必须要有知识。一切不以要付出为目的的梦想都是耍流氓！ LPS系统、每周直播课、学习作业快速批改、保就业、班主任助教全程跟踪。 你看，离你完成梦想的道路是不是近了很多。</p>
        </div>
    </div>
    <div class="xinwen y"><!--行业新闻:列表实现-->
        <div class="tit">
            <img src="./images/xinwen.jpg" alt=""/><span><a href="">Morr>></a></span>
        </div>
        <div class="xinwen_list">
         <ul>
             <li class="xinwen_list_header"><a href="">
                 <img src="./images/xinwen_img.jpg" alt=""/>
                 <h3>Web前端开发之HTML+CSS基础入门</h3>
                 <p>麦子学院朱朝兵老师带领大家从HTML语法，基本结构到CSS入门DIV+Css布局,通俗易懂  ... ...</p></a>
             </li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
             <li><a href=""><h3>Web前端开发之HTML+CSS基础入门</h3><span>2015-02-12</span></a></li>
            </ul>
        </div>
    </div>
    <div class="chanpin z"><!--产品部分-->
        <div class="tit">
            <img src="./images/chanpin.jpg" alt=""/><span><a href="">Morr>></a></span>
        </div>
        <div class="cp_c">
            <ul>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li class="mr_0"><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                <li class="mr_0"><a href=""><img src="./images/chanpin_img.jpg" alt=""><span>Web前端开发之HTML+CSS基础入门</span></a></li>
                </ul>
        </div>
    </div>
</div>

<div class="footer cl">
    <div class="footer_top">
        <div class="cen">
            <span class="z"><a href="">关于我们</a>  |  <a href="">联系我们</a>  |  <a href="">给我留言</a>  |  <a href="">加入我们</a></span>
            <span class="y">© 2015 麦子学院版权所有 ICP证:蜀ICP备13000000号-1</span>
        </div>
    </div>

    <div class="footer_bottom">
          <div class="cen">
             <span class="z">友情链接：<a href="">麦子学院</a><a href="">DZ起点网</a><a href="">国防部</a><a href="">中华人民共和国</a><a href="">教育部</a><a href="">清华大学</a></span>
          </div>
       </div>

</div>
<!---->
<div class="top_tools">
    <a href=""><div class="top_tools_box"></div></a>
    <a href="http://weibo.com/" target="_blank"><div class="top_tools_box"></div></a>
    <a href="http://t.qq.com/" target="_blank"><div class="top_tools_box"></div></a>
    <a href="https://wx.qq.com/" target="_blank"><div class="top_tools_box"></div></a>
</div>

</body>
</html>